<script setup>
import {useRouter} from "vue-router";

defineProps({enter: Boolean})
const router = useRouter()
</script>

<template>
  <view class="container">
    <view class="column content" v-if="enter">
      <span class="font140 inter top10 bottomIn d3s">WHO</span>
      <span class="font140 inter top-2 bottomIn d3s">WE ARE？</span>
      <view class="font60 top6 bottomIn d3s">关于我们</view>
      <view class="row more top1 bottomIn d3s" @click="router.push('/about')">
        <view class="font44" style="margin-right: 1%;">查看更多</view>
        <img src="../../assets/icons/icon_more.png" alt="" width="2.5%"/>
      </view>
    </view>
  </view>
</template>

<style scoped>
.container {
  height: calc(100vw * (1120 / 1920));
  background-color: #586D72;
  background-blend-mode: multiply;
  background-size: cover;
  padding-top: 2%;
  background-image: url("https://neocross.oss-cn-beijing.aliyuncs.com/sky/h5pic/img_index_more_bg.png");

  .content {
    height: calc(100vw * (1120 / 1920));

    .more {
      flex-direction: row;
      cursor: pointer;
      align-items: center;
    }
  }
}
</style>